<template>
	<div class="publicTitle">
			<ul>
				<li class="active"><span>{{ publictitle[0].titleleft}}</span></li>
				<li><span>{{ publictitle[0].titlelright}}</span></li>
			</ul>
	</div>
</template>
<script>
	export default{
		name:'publictitle',
		data(){
			return{

			}
		},
		props:{
			publictitle:{
				type:Array,
				default:function(){
					return [
						{
							titleleft:'商城',
							titlelright:'生活服务'
						}
					]
				}
			}
		}
	}
</script>
<style scoped lang="less">
.publicTitle{
	width: 100%;
	height: 90 / 100rem;
	// margin-top: 88 / 100rem;
	background-color: #fff;
	ul{
		width: 100%;
		height: 100%;
		li{
			width: 50%;
			height: 100%;
			text-align: center;
			line-height: 89 / 100rem;
			float: left;
			span{
				color: rgba(0, 0, 0, 0.8);
				font-size:  36 / 100rem;
				font-weight: 600;
				font-family: '微软雅黑';
			}
		}
		.active{
			border-bottom: 2px solid #ff5555;
		}
	}
}
</style>